<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字的缩进、对齐方式、修饰线</title>
    <style>
        /* 缩进 */
        p {
            text-indent: 2em;
        }

        /* 对齐方式 */
        h1 {
            text-align: center;
        }

        div {
            text-align: center;
        }

        /* 修饰线 */
        .span-1 {
            text-decoration: none;
        }

        .span-2 {
            text-decoration: underline;
        }
        .span-3 {
            text-decoration: line-through;
        }
        .span-4 {
            text-decoration: overline;
        }


    </style>
</head>
<body>

<p>
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
    待待待待待待待待待待待待待待待待待待的待待待待待待待待待待待待待待待待待待的
</p>
<h1>我是H1标题</h1>
<div>
    <img src="../day01/image/1680314152822.png">
</div>

<span class="span-1">无修饰线</span>
<span class="span-2">下划线修饰线</span>
<span class="span-3">删除线修饰线</span>
<span class="span-4">顶划线修饰线</span>

</body>
</html>